<template>
	<view>
		<block v-if="data.copyright&&(data.copyright.icon||data.copyright.text)">
			<view @tap="$emit('navigatorClick',$event)" data-open_type="tel" :data-tel="data.copyright.phone?data.copyright.phone:data.contact_tel" style="padding: 24upx"
			 v-if="data.copyright.is_phone==1">
				<view style="text-align: center;font-size: 0;">
					<image mode="aspectFit" :src="data.copyright.icon" style="height: 60upx;width: 240upx" v-if="data.copyright.icon"></image>
				</view>
				<view style="text-align: center;line-height: 1">
					<text style="color: rgba(0,0,0,.3);font-size: 9pt;" v-if="data.copyright.text">{{data.copyright.text}}</text>
				</view>
			</view>
			<view style="padding: 24upx" v-else-if="data.copyright.open_type=='wxapp'">
				<navigator :appId="data.copyright.appId" hoverClass="none" openType="navigate" :path="data.copyright.path" target="miniProgram">
					<view style="text-align: center;font-size: 0;">
						<image :data-url="data.copyright.url" mode="aspectFit" :src="data.copyright.icon" style="height: 60upx;width: 240upx"
						 v-if="data.copyright.icon"></image>
					</view>
					<view style="text-align: center;line-height: 1">
						<text @tap="$emit('openWxapp',$event)" :data-url="data.copyright.url" style="color: rgba(0,0,0,.3);font-size: 9pt;" v-if="data.copyright.text">{{data.copyright.text}}</text>
					</view>
				</navigator>
			</view>
			<view style="padding: 24upx" v-else-if="data.copyright.open_type=='navigate'">
				<view style="text-align: center;font-size: 0;">
					<navigator style="display: inline-block" :url="data.copyright.url">
						<image mode="aspectFit" :src="data.copyright.icon" style="height: 60upx;width: 240upx" v-if="data.copyright.icon"></image>
					</navigator>
				</view>
				<view style="text-align: center;line-height: 1">
					<navigator style="color: rgba(0,0,0,.3);font-size: 9pt;display: inline-block" :url="data.copyright.url" v-if="data.copyright.text">
						<text>{{data.copyright.text}}</text>
					</navigator>
				</view>
			</view>
			<view style="padding: 24upx" v-else>
				<view style="text-align: center;font-size: 0;">
					<image mode="aspectFit" :src="data.copyright.icon" style="height: 60upx;width: 240upx" v-if="data.copyright.icon"></image>
				</view>
				<view style="text-align: center;line-height: 1">
					<text style="color: rgba(0,0,0,.3);font-size: 9pt;" v-if="data.copyright.text">{{data.copyright.text}}</text>
				</view>
			</view>
		</block>
		<block v-else>
			<view class="flex-y-center flex-x-center flex-col" style="padding: 20upx" v-if="data.dapp.copyright||data.dapp.copyright_pic_url">
				<view v-if="data.dapp.copyright_pic_url">
					<navigator :url="data.dapp.copyright_url">
						<image mode="aspectFit" :src="data.dapp.copyright_pic_url" style="height: 60upx;width: 240upx"></image>
					</navigator>
				</view>
				<view style="color: rgba(0,0,0,.3);font-size: 9pt;" v-if="data.dapp.copyright">
					<navigator :url="data.dapp.copyright_url">
						<text>{{data.copyright.text}}</text>
					</navigator>
				</view>
			</view>
		</block>

	</view>
</template>
<script>var myVue = {};
	export default {
		props:['data']
	}
</script>
